<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mission17</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <fieldset id="form-gra-time">
        <!--单选按钮的input写在label中,label中包含的所有内容都是可以点击的，所有可以点击字体，设置相应的样式，而将圆形区域隐藏-->
        <legend>请选择查看时间</legend>
        <label><span class="selected">日</span><input type="radio" value="day" name="gra-time" checked="checked"></label>
        <label><span>周</span><input type="radio" value="week" name="gra-time" ></label>
        <label><span>月</span><input type="radio" value="month" name="gra-time" ></label>
    </fieldset>
    <fieldset >
        <legend>请选择查看的城市: </legend>
        <select id="city-select">
            <option value="beijing">北京</option>
        </select>
    </fieldset>
    <div id="aqi-chart-wrap"></div>
    <script type="text/javascript" src="task.js"></script>
</body>
</html>